<template>
<div class="login">
  <!-- <router-link :to="{name:'index'}">index</router-link> -->
  <div class="logo">
    <i class="iconfont">&#xe64a;</i>
    <p>还记得儿时的梦吗？</p>
  </div>
  <div class="main">
    <div class="form">
      <ul>
        <li class="input">
          <input type="number" placeholder="手机号码" />
          <i class="sentMsg">发送验证码</i>
        </li>
        <li class="input">
          <input type="text" placeholder="验证码" />
        </li>
        <li class="input">
          <input type="password" placeholder="新密码" />
        </li>
      </ul>
      <button>重置密码</button>
      <div class="register">
        <router-link :to="{ name: 'login'}">去登录</router-link>
      </div>
    </div>
    <div class="foot">
      <!-- <router-link :to="{ name: 'forget'}">忘记密码？</router-link> -->
    </div>
  </div>
</div>
</template>
<script>
import {
  mapGetters,
  mapActions
} from 'vuex'
export default {
  data() {
    return {
      form: {
        inputValue: "",
        inputValue2: "",
        start_time: ""
      }

    }
  },
  mounted() {
    console.log('login_mounted')
  },
  computed: {
    ...mapGetters({
      hehe: 'getHeHe',
      gg: 'a/getGG'
    })
  },
  watch: {
    $route() {
      console.log('logins');
    }
  },
  methods: {
    ...mapActions(['setHeHe', 'a/setGG']),
    inputTest() {
      console.log(11)
    },
    hehea() {
      console.log(1);

      this.inputValue = '2'
    },
    ceshi() {
      this.setHeHe(+new Date());
      this['a/setGG'](Math.random() * 100 % 50)
      this.$router.push({
        name: this.$route.name,
        query: {
          hehe: 1
        }
      })
    }
  }
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
